<html>
<head>
    <meta charset="UTF-8">
    <title>动画效果</title>
    <!--此处填写代码-->
    <style>
        svg{
            cursor: pointer;
        }
    </style>
</head>
<body>
<svg id="svg" width="320" height="200" xmlns="http://www.w3.org/2000/svg">
    <text font-family="microsoft yahei" font-size="40" y="60" x="100">慕
        <!--此处填写代码-->
        <animate attributeName="font-size" begin="0s" dur="3s" to="80" repeatCount="indefinite"/>
        <animateTransform attributeType="XML" attributeName="transform" type="rotate" from="0 100 60"
                          to="360 100 60" begin="0s" dur="3s" repeatCount="indefinite"/>

    </text>
</svg>
<script>
    //此处填写代码
    var svg=document.getElementById('svg');
    var isMove=true;
    svg.onclick=function(){
        if(isMove){
            svg.pauseAnimations();
            isMove=false;
        }else{
            svg.unpauseAnimations();
            isMove=true;
        }



    }
</script>
</body>
</html>

